import type { ObjectDirective } from 'vue'

// 权限校验, 按钮级别
export const permission: ObjectDirective = {
  mounted(el: HTMLButtonElement, binding, vnode) {
    const permissionValue = binding.value

    const hasPermission = checkArray(permissionValue)
    if (!hasPermission) {
      // 没有元素 移出Dom元素
      el.parentNode && el.parentNode.removeChild(el)
    }

  }
}


function checkArray(key: any) {
  let arr = [1, 2, ,3, 4, 5, 6, 7]
  if (arr.includes(key)) {
    return true // 有权限
  } else {
    return false // 无权限
  }
}
